<template>
    <div>
        <h3 class="notitle">当前页面：{{ $route.meta.title }}</h3>
        <div style="width: auto;margin: 0px 20px;height: 700PX;">
            <div class="new-detail-box">
                <div class="new-detail-title">
                    <el-divider></el-divider>
                    <h3 style="margin-top: 0px;">{{ this.title }}</h3>
                    <!-- <div>发布时间：{{  }}</div> -->
                    <el-divider></el-divider>
                </div>
                <div v-html="content" class="new-content"></div>
            </div>
        </div>
        <el-button type="primary" class="button" @click="back()">返回</el-button>
    </div> 
  </template>
   
  <script>
  
   
  export default {
    data() {
      return {
        content:"实打实大苏打实打实",
        title:"",
        time:"",
        content:"",
      };
    },
    methods: {
        back(){
            sessionStorage.removeItem('title');
            sessionStorage.removeItem('content');
            this.$router.push('/FAQ');
        },
        get(){
            this.title=sessionStorage.getItem('title');
            this.content=sessionStorage.getItem('content');
        }
    },
    created() {
      this.get()
    }
  };
  </script>
  
  <style scoped>
    .notitle{
        color: black;
        font-size:25px;
        margin-top: 1%; 
        margin-left: 0%;
  }/* 面包屑 */
    
  .new-detail-box {
    line-height: 27px;
    color: #666;
    font-size: 17px;
}
  .new-detail-title {
    padding: 0 30px;
    border-bottom: 1px  #d1d1d1;
    text-align: center;
}   
  .new-content {
    padding: 0 30px;
    border-bottom: 1px  #d1d1d1;
    
  }

  /* 按钮 */
  .button{
    width: 150px;
    margin-left: 45%;
  }
  </style>